<header>
  <div class="header-top tr">
    <p><a href="#">Settings</a> | <a href="#">Logout</a></p>
    </div>
  <div class="header-middle"> 
    <!-- Start Nav -->
    <ul id="nav" class="fr ">
      <!-- Nav - Start Help -->
      <li class="help"><a class="help" href="#">Help</a>
        <ul>
          <li><a href="#">Documentation</a></li>
          <li><a href="#">Forums</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </li>
      <!-- Nav - End Help --> 
      <!-- Nav - Start Settings -->
      <li class="settings"><a class="settings" href="#">Settings</a>
        <ul>
          <li><a href="#">System Settings</a></li>
          <li><a href="#">Server Setup</a></li>
        </ul>
      </li>
      <!-- Nav - End Settings --> 
      <!-- Nav - Start Users -->
      <li class="users"><a class="users" href="#">Users</a>
        <ul>
          <li><a href="#">User Manager</a></li>
          <li><a href="#">Manage Users  &raquo;</a>
            <ul>
              <li><a href="#">Add User</a></li>
              <li><a href="#">Edit User</a></li>
              <li><a href="#">Delete User</a></li>
            </ul>
          </li>
          <li><a href="#">User Reports</a></li>
          <li><a href="#">Usergoups</a></li>
        </ul>
      </li>
      <!-- Nav - End Users --> 
      <!-- Nav - Start Content -->
      <li class="content"><a class="content" href="#">Content</a>
        <ul>
          <li><a href="#">Manage Pages  &raquo;</a>
            <ul>
              <li><a href="#">Add Page  &raquo;</a>
                <ul>
                  <li><a href="#">HTML Page</a></li>
                  <li><a href="#">Widget Page</a></li>
                  <li><a href="#">Custom Page</a></li>
                </ul>
              </li>
              <li><a href="#">Edit Page</a></li>
              <li><a href="#">Delete Page</a> </li>
            </ul>
          </li>
          <li><a href="#">Page Statstics</a></li>
          <li><a href="#">Page Categories</a></li>
          <li><a href="#">Page Tags</a></li>
        </ul>
      </li>
      <!-- Nav - End Content --> 
      <!-- Nav - Start Help -->
      <li class="dashboard"><a class="dashboard" href="#">Dashboard</a></li>
      <!-- Nav - End Dashboard -->
    </ul>
    <!-- End Nav --> 
    <!-- Start Logo --> 
    <img id="logo" src="img/logo.png" alt="Pandora project" /> 
    <!-- End Logo --> 
    <br class="cl" />
  </div>

</header>